/**
 * Copyright (C) 2000 - 2024 Silverpeas
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * As a special exception to the terms and conditions of version 3.0 of
 * the GPL, you may redistribute this Program in connection with Free/Libre
 * Open Source Software ("FLOSS") applications as described in Silverpeas's
 * FLOSS exception. You should have received a copy of the text describing
 * the FLOSS exception, and it is also available here:
 * "https://www.silverpeas.org/legal/floss_exception.html"
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
/**mise en page générale pour les fieldset & formulaire de ce genre **/


form {
	margin:0;
	padding:0;
}

fieldset.skinFieldset {
	position:relative;
	margin:0 0  1%;
	padding-bottom:15px;
	border:1px solid #CCC;
	border-radius:10px;
	min-height:80px;
	display:block;
	background-color:#F4F4F4;
	background: linear-gradient(to right, #fff 0%, #e5e5e5 100%);
 }

.table {
	display:flex;
	margin-bottom:2em;
}

.cell {
	flex-basis:calc( 50% - 1em );
}

.table .cell:nth-child(2n+1){
	margin-right:2em;
}

.cell .field {
	width:98%;
}


.cell fieldset.skinFieldset{
	height:99%;
	padding: 0;
}

.skinFieldset label {
	color:#444;
}

.skinFieldset legend {
	color:#333;
	font-size:12px;
	line-height:16px;
	padding-left:36px;
	margin-left:5px;
}

.skinFieldset legend.without-img {
	padding: 0px 10px;
}

.champs {
	display: table-cell;
	padding: 5px 15px 5px 0;
	min-width:180px;
}

.oneFieldPerLine,
.fields {
	margin: 10px 15px 0;
	position:relative;
	clear: both;
	max-width:100%;
}

/* suppr. float:left; doublon avec inline-table 05/06/2017*/
.field {
	height: auto;
	display: inline-table;
	position:relative;
	width:46%;
	padding:0;
}

.oneFieldPerLine .field,
.field.entireWidth {
	width:98%;
}


label.txtlibform {
padding-right:0;
}

span.txtlibform,
span.txtsublibform {
  padding-right:1px;
}

.field label,
.field .label{
  display: table-cell;
  padding: 5px 15px 5px 0;
  width: 180px;
  white-space: normal;
}

.field .champs label,
.field .champs .label{
  min-width: 100px;
  width: inherit;
}

.row {
	clear:both ;
}

.champs input, .champs select, .champs textarea {
  width: 90%;
  margin: 0;
}

.champs .select-user-group-container,
.champs .select-user-group-container .search-input-container {
  width: 100%;
  margin: 0;
}

.champs .select-user-group-container .search-input-container .selectize-control{
  width: 90%;
  background: #FFF;
}

.champs input[type="checkbox"] {
	width: auto;
	background-color:transparent;
}

#languageArea .champs select {
	width:auto;
}

input.dateToPick,
.ui-dialog .champ-ui-dialog input.dateToPick {
  width:68px;
  margin:0;
}

input.int-5,
.ui-dialog .champ-ui-dialog input.int-5 {
  width:36px;
  margin:0;
}

input.inputHour{
	width:48px;
	margin:0;
}

.champs input.checkbox, .champs input.radio,  .champs input[type="radio"]{
	width:13px;
	vertical-align:middle;
	margin:0;
	border:0;
	background-color:transparent;
}

.champs input.checkbox:first-child, .champs input.radio:first-child,
.champs input.radio.newline{
	margin-left:0;
	border:0;
}

/* Default forms look n feel */
.forms .skinFieldset {
	margin:1% 0 ;
	padding:10px 10px 15px;
}

.forms .skinFieldset legend {
    padding-left: 10px;
}



/* form & CKeditor */
.container-wysiwyg input,
.container-wysiwyg select
 {
    width: auto;
}

.skinFieldset .champs .wysiwyg-fileStorage {
	width:90%;
	background-color:#FFF;
}

/* fieldset & Formulaire */

.skinFieldset .forms .fields > li {
  float:none;
}

.cell .skinFieldset .forms .fields .fieldInput {
  display: inline-block;
  margin-left: 0;
}

.skinFieldset .forms .fields .fieldInput select {
  max-width: 200px;
}

/* Notifications  */
#send-notification legend {
  background: url("../icons/email.gif") no-repeat scroll 11px 1px transparent;
}
#send-notification #recipientsArea, #subjectArea, #messageArea {
  width: 98%;
}
#send-notification #recipientsArea img {
  vertical-align:baseline;
  border:0;
}
#send-notification #messageArea textarea {
  width:95%;
}

/**** notion de groupe de champs *****/
.group-field {
	clear:both;
	list-style-type:none;
	padding-top:0.5em
}
.group-field ul {
	padding:0;
	margin:0 0 0 5em;
}
.group-field  .group-field-name{
	border-bottom:1px solid #ccc;
	display:block;
	text-align:left;
	padding:0.5em 0;
	margin-bottom:0.5em;
	color:#1C94D4;
}

.group-field ul li:nth-child(odd){
	clear:left;
}

fieldset.parameters {
  clear:right;
  margin-right:0;
}

.parameters legend {
  background:transparent url('../icons/cog.png') 11px 0px no-repeat;
}

.parameters  .parameterInfo {
  left:-17px;
  position: absolute;
  top:7px;
  width: 12px;
}

.group-field-description {
	padding:0;
	margin:0 0 0.5em;
}


@media only screen and (max-width: 600px){
	.cell  {
		width:100%;
		display:block;
	}
	.table  {
		display:block;
	}
}

#reminder legend {
  background:transparent url(../../util/icons/calendar_1.png) 11px 0px no-repeat; /*icone présente core > .. util > icons */
}
